<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">
    </script>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/network.css">
    <title>网络开发</title>
</head>

<body>
    <!-- 头部 -->
    <div class="top d-flex justify-content-between align-items-center">
        <div class="top-title">沈阳智杰网络科技有限公司</div>
        <div class="menu-box">
            <div class="d-none d-md-block">
                <ul>
                    <a href="index.html">
                        <li>首页</li>
                    </a>
                    <a href="aboutUs.html">
                        <li>关于我们</li>
                    </a>
                    <a href="network.html" class="active">
                        <li>网络开发</li>
                    </a>
                    <a href="extension.html">
                        <li>推广营销</li>
                    </a>
                    <a href="case.html">
                        <li>最新案例</li>
                    </a>
                    <a href="news.html">
                        <li>行业新闻</li>
                    </a>
                    <a href="contact.html">
                        <li>联系我们</li>
                    </a>
                </ul>
            </div>
            <!-- 手机导航 -->
            <a class="ml-auto phone-menu d-md-none" data-toggle="collapse" href="#collapseExample" role="button"
                aria-expanded="false" aria-controls="collapseExample">
                <svg class="bi bi-list" width="36px" height="28px" viewBox="0 0 16 16" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd"
                        d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
                </svg>
            </a>
            <div class="collapse list-box" id="collapseExample">
                <div class="card card-body d-md-none">
                    <div class="top-title phone-card-top">
                        <span>沈阳智杰网络科技有限公司</span>
                        <img src="./images/close_icon.png" alt="" class="close-icon">
                    </div>
                    <ul class="phone-menu-list">
                        <a href="index.html">
                            <li>首页</li>
                        </a>
                        <a href="aboutUs.html">
                            <li>关于我们</li>
                        </a>
                        <a href="network.html">
                            <li>网络开发</li>
                        </a>
                        <a href="extension.html">
                            <li>推广营销</li>
                        </a>
                        <a href="case.html">
                            <li>最新案例</li>
                        </a>
                        <a href="news.html">
                            <li>行业新闻</li>
                        </a>
                        <a href="contact.html">
                            <li>联系我们</li>
                        </a>
                    </ul>
                </div>
            </div>
            <!-------------->
        </div>
    </div>

    <div class="banner-box">
        <img src="./images/network_32.png" alt="">
    </div>


    <div class="service-layout-box">
        <div class="service-box">
            <div class="title-box">
                <p class="fs-30">服务对象</p>
                <p class="fs-16">Service object</p>
                <div class="title-line"></div>
            </div>
            <div class="service-list-box">
                <div class="service-item">
                    <img src="./images/network_33.png" alt="">
                    <p class="service-title">连锁商超</p>
                    <p>有稳定的购买人群及供货渠道，传统的线下实体店经营方式所需的人员成本太高或想要进一步开拓市场</p>
                </div>
                <div class="service-item">
                    <img src="./images/network_34.png" alt="">
                    <p class="service-title">大中型企业</p>
                    <p>企业日常工作中多涉及到多部门联合办公或多级审批，常规的纸质申请流程所需的物料成本过高及因外出办公导致审批不及时</p>
                </div>
                <div class="service-item">
                    <img src="./images/network_35.png" alt="">
                    <p class="service-title">三方服务平台</p>
                    <p>服务客户基数大，日常数据管理的工作量庞大，客户无法即时查看了解到自己的信息和进度变化</p>
                </div>
            </div>
        </div>
    </div>

    <div class="workflow-box">
        <div class="title-box">
            <p class="fs-30">工作流程</p>
            <p class="fs-16">Workflow</p>
            <div class="title-line"></div>
        </div>
        <div class="workflow-list-box">
            <div class="workflow-list">
                <img src="./images/network_40.png" alt="">
                <img src="./images/network_27.png" alt="">
                <img src="./images/network_272.png" alt="">
                <img src="./images/network_273.png" alt="">
                <img src="./images/network_274.png" alt="">
            </div>
        </div>
        <img src="./images/network_331.png" alt="" class="img-line">
    </div>

    <div class="support-box">
        <div class="support-content">
            <div class="title-box">
                <p class="fs-30">技术支持</p>
                <p class="fs-16">Technical support</p>
                <div class="title-line"></div>
            </div>
            <div class="support-list">
                <div class="support-item">
                    <div class="support-number">1</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">精准的需求分析</p>
                        <p>我们将对整个市场进行全面、精准的专业分析，结合客户企业的特色及特殊需求，针对不同行业给出不同的方案
                        </p>
                    </div>
                </div>
                <div class="support-item">
                    <div class="support-number">2</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">美观的设计</p>
                        <p>拒绝“套模板”，我们将根据市场的发展需求和客户特色及特殊要求为客户提供独一无二的个性化网站设计方案
                        </p>
                    </div>
                </div>
                <div class="support-item">
                    <div class="support-number">3</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">简洁&有效的代码</p>
                        <p>专业的团队为您提供更专业的服务，开发人员确保所有代码全部符合行业规范。去掉多余的代码，缩短开发时间
                        </p>
                    </div>
                </div>
            </div>
            <div class="support-list">
                <div class="support-item">
                    <div class="support-number">4</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">自适应&充分响应</p>
                        <p>科技的快速发展使通过网络了解世界的手段不再局限于电脑，电脑、平板、手机多种选择让您随时随地了解更多
                        </p>
                    </div>
                </div>
                <div class="support-item">
                    <div class="support-number">5</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">动画效果</p>
                        <p>将有创意的设计和当下市场先进、流行的开发技术相结合起来，让您的网站动起来，从而吸引更多关注的目光
                        </p>
                    </div>
                </div>
                <div class="support-item">
                    <div class="support-number">6</div>
                    <div class="support-text">
                        <p class="support-title fs-20 bont-bold">免费支持&更新</p>
                        <p>令人满意的产品当然离不开完善的售后服务，一站式服务为客户解决网站建设方面的一切问题，让客户放心
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="custom-box">
        <div class="title-box">
            <p class="fs-30">定制开发</p>
            <p class="fs-16">Custom development</p>
            <div class="title-line"></div>
        </div>
        <div class="custom-list">
            <div class="custom-item">
                <a href="appDevelopment.html">
                    <div class="custom-bg"></div>
                    <div class="custom-triangle"></div>
                    <div class="custom-text">
                        <img src="./images/network_421.png" alt="">
                        <p>APP定制开发</p>
                    </div>
                </a>
            </div>
            <div class="custom-item">
                <a href="smallProgramDevelopment.html">
                    <div class="custom-bg"></div>
                    <div class="custom-triangle"></div>
                    <div class="custom-text">
                        <img src="./images/network_43.png" alt="">
                        <p>小程序定制开发</p>
                    </div>
                </a>
            </div>
            <div class="custom-item">
                <a href="webDevelopment.html">
                    <div class="custom-bg"></div>
                    <div class="custom-triangle"></div>
                    <div class="custom-text">
                        <img src="./images/network_44.png" alt="">
                        <p>精品定制网站</p>
                    </div>
                </a>
            </div>
            <div class="custom-item">
                <a href="shop.html">
                    <div class="custom-bg"></div>
                    <div class="custom-triangle"></div>
                    <div class="custom-text">
                        <img src="./images/network_45.png" alt="">
                        <p>商城平台</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="custom-img d-flex align-items-center justify-content-center">
            <img src="./images/network_42.png" alt="">
            <div class="custom-img-desc">
                <p class="custom-title">售后保障</p>
                <p>免费售后维护3个月，从正式交付起计算；一年期满后维护费用为项目总金额的15%每年。维护内容包括：定期缓存清除、病毒清查、数据备份、图片（文字）辅助更换（由于代码技术问题导致的bug终身免费修复）
                </p>
            </div>
        </div>
    </div>

    <div class="idea-box">
        <div class="title-box">
            <p class="fs-30">服务理念</p>
            <p class="fs-16">Service idea</p>
            <div class="title-line"></div>
        </div>
        <div class="idea-list">
            <div class="idea-item">
                <div class="idea-line"></div>
                <div class="idea-content">
                    <p class="idea-title">技术理念</p>
                    <p>鼓励创新，不断追求为客户提供更优质的产品和服务。</p>
                </div>
            </div>
            <div class="idea-item">
                <div class="idea-line"></div>
                <div class="idea-content">
                    <p class="idea-title">客户理念</p>
                    <p>以客为尊，先行客户，想其所想，不断提高客户满意度。 </p>
                </div>
            </div>
            <div class="idea-item">
                <div class="idea-line"></div>
                <div class="idea-content">
                    <p class="idea-title">工作理念</p>
                    <p>坚持主动性和高效执行力。 </p>
                </div>
            </div>
            <div class="idea-item">
                <div class="idea-line"></div>
                <div class="idea-content">
                    <p class="idea-title">管理理念</p>
                    <p>关注员工的成就和贡献，“以人为本”，员工与公司共同成长。 </p>
                </div>
            </div>
        </div>
    </div>


    <!-- 底部 -->
    <div class="foot d-none d-md-block">
        <div class="foot-content">
            <div class="logo-box">
                <img src="./images/28.png" alt="" class="logo">
                <div class="url-box">
                    <img src="./images/30.png" alt="">
                    <span class="fs-24 color-384">www.syzhijie.com</span>
                </div>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">企业介绍</p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业简介</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业资质</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">企业文化</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">团队优势</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">战略发展</p>
                <p class="color-666 fs-16 menu-text"><a href="#">战略目标</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">经营战略</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术创新</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">服务体系</p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务对象</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">工作流程</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">技术支持</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">售后保障</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">服务理念</a></p>
            </div>
            <div class="foot-menu-box">
                <p class="menu-title fs-18 color-333 font-bold">经典案例</p>
                <p class="color-666 fs-16 menu-text"><a href="#">小程序开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">公众号二开</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">APP开发</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">网站搭建</a></p>
                <p class="color-666 fs-16 menu-text"><a href="#">推广营销</a></p>
            </div>
            <div class="qr-box">
                <img src="./images/31.png" alt="">
                <span class="fs-16 color-666">做最牛的软件开发</span>
            </div>
        </div>
        <div class="foot-bottom">
            <span class="fs-14 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>

    <!-- 手机底部 -->
    <div class="foot-phone d-md-none">
        <div class="accordion" id="accordionExample">
            <div class="card">
                <div class="card-header" id="headingOne">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left" type="button" data-toggle="collapse"
                            data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            企业介绍
                            <span>+</span>
                        </button>
                    </h2>
                </div>

                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>企业简介</li>
                            </a>
                            <a href="#">
                                <li>企业资质</li>
                            </a>
                            <a href="#">
                                <li>企业文化</li>
                            </a>
                            <a href="#">
                                <li>团队优势</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingTwo">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            战略发展
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>战略目标</li>
                            </a>
                            <a href="#">
                                <li>经营战略</li>
                            </a>
                            <a href="#">
                                <li>技术创新</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingThree">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            服务体系
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>服务对象</li>
                            </a>
                            <a href="#">
                                <li>工作流程</li>
                            </a>
                            <a href="#">
                                <li>技术支持</li>
                            </a>
                            <a href="#">
                                <li>售后保障</li>
                            </a>
                            <a href="#">
                                <li>服务理念</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header" id="headingFour">
                    <h2 class="mb-0">
                        <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse"
                            data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            经典案例
                            <span>+</span>
                        </button>
                    </h2>
                </div>
                <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
                    <div class="card-body">
                        <ul>
                            <a href="#">
                                <li>小程序开发</li>
                            </a>
                            <a href="#">
                                <li>公众号二开</li>
                            </a>
                            <a href="#">
                                <li>APP开发</li>
                            </a>
                            <a href="#">
                                <li>网站搭建</li>
                            </a>
                            <a href="#">
                                <li>推广营销</li>
                            </a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot-bottom text-center">
            <span class="fs-20 color-999">辽ICP备18000989号-1 Designed by ZhiJie</span>
        </div>
    </div>

    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/bootstrap.bundle.min.js"></script>
    <script>
        $('#collapseExample').on('show.bs.collapse', function () {
            $('html body').addClass('noMove')
        })

        $('.close-icon').click(function () {
            $('#collapseExample').collapse('hide')
            $('html body').removeClass('noMove')
        })
    </script>
</body>

</html>